<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录</title>
<style>
#container {
	background-color: olive;
	width: 500px;
	margin: 0 auto;
	padding: 10px;
	color: white;
}
a{
	width: 150px;
}
a:link, a:visited /* 未访问链接*/ {
	display: block;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #98bf21;
	text-align: center;
	padding: 4px;
	text-decoration: none;
}

a:hover, a:active /* hover 鼠标移动到链接上,active鼠标点击时 */ {
	background-color: #7A991A;
}
</style>
</head>
<body>
	<div id="container" align="center">
		<h2>登录界面</h2>
		<!-- action属性:表单提交时跳转到那里进行处理   ,  method属性 post,get方式 -->
		<form action="./login.servlet" method="POST">
			<div>
				<label>用户名:</label> <input type="text" name="username">
			</div>
			<br>
			<div>
				<label>密&nbsp;&nbsp;&nbsp;&nbsp;码:</label> <input type="password"
					name="password">
			</div>
			<br> <input type="submit" value="登录">
		</form>
		<br> <a href="./studentall.servlet">显示所有学生</a>
	</div>
</body>
</html>